//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//

import { mapGetters } from "vuex";
import template from "./activityCenterTemplate";
const { render, staticRenderFns } = template;

export default {
  render,
  staticRenderFns,
  data() {
    return {
      activityList: [],
      page: 1,

      isTouristFlag: false,
    };
  },
  created() {
    this.getList(1);
    if (this.accountData.is_tourist && this.accountData.is_tourist === 1) {
      this.isTouristFlag = true;
    }
  },
  computed: {
    ...mapGetters(["accountData"]),
  },
  methods: {
    goContent(url, status) {
      if (this.accountData.is_tourist && this.accountData.is_tourist === 1) {
        this.isTouristFlag = true;
        return;
      }
      if (status == 0) {
        this.$vux.toast.text("活动未开始", "bottom");
        return;
      } else if (status == 2) {
        this.$vux.toast.text("活动已结束", "bottom");
        return;
      }
      window.open(url); // + '?app=0'区分砸金蛋活动APP没有抽奖次数不显示去充值、去投注按钮
    },
    pullingDown() {
      this.page = 1;
      this.getList();
    },
    pullingUp() {
      if (this.pullUpLoadFlag) {
        this.$refs.scroll.forceUpdate(false);
        return;
      }
      this.page += 1;
      this.getList();
    },
    getList(flag) {
      let vm = this;
      let params = {};
      params.token = localStorage.getItem("token");
      params.page = vm.page;
      if (flag) {
        vm.$vux.loading.show();
      }
      vm.pullUpLoadFlag = false;
      vm.$http
        .post(vm.urlRequest + "?m=api&c=actcenter&a=fetchActList", params)
        .then((res) => {
          if (flag) {
            vm.$vux.loading.hide();
          }
          if (res.status == 0) {
            if (vm.page == 1) {
              vm.activityList = res.data;
            } else {
              vm.activityList = vm.activityList.concat(res.data);
            }
            if (res.data.length < 10) {
              vm.pullUpLoadFlag = true;
            }
          } else {
            if (res.ret_msg && res.ret_msg != "") {
              this.$vux.toast.show({
                text: res.ret_msg,
              });
            }
          }
        })
        .catch((err) => {
          vm.$refs.scroll.forceUpdate(false);
          vm.pullUpLoad = false;
          vm.$vux.loading.hide();
          vm.$vux.toast.show({
            text: "数据请求超时",
          });
          console.log(err);
        });
    },
  },
  watch: {
    accountData(obj) {
      if (obj.is_tourist && obj.is_tourist === 1) {
        this.isTouristFlag = true;
      }
    },
  },
};

// WEBPACK FOOTER //
// ./src/components/activityCenter/activityCenter.vue
